import React from "react";
import type business from '@/typeof/type';

const Edit = () => {

    const [ form ] = React.UI.Form.useForm();
    const [ searchParams ] = useSearchParams();
    const [ gid ] = React.useState(searchParams.get('gid') ?? 0);
    const [ business ] = useState<business>(React.business);

    React.useEffect(() => 
    {
        GetGuestInfoData();
    }, []);

    // 获取详情
    const GetGuestInfoData = async () => 
    {
        const result = await React.Http.post('/guest/GuestInfo', {
            busid: business.id,
            id: gid
        })

        if (result && result.code == 1) 
        {
            form.setFieldsValue({
                nickname: result.data.nickname,
                mobile: result.data.mobile,
                gender: result.data.gender
            })
        }
    }

    // 编辑
    const EditGuestFinish = async () => 
    {

        const params = {
            id: gid,
            busid: business.id,
        };

        const result = await React.Http.post('/guest/GuestEdit', params);

        if (result.code == 0) 
        {
            React.fail(result.msg)
            return false
        }else{
            React.success(result.msg, () => {
                React.navigate('/guest/index')
            })
        }
    };

    return(
        <>
            <React.UI.Form
                form={form}
                layout="horizontal"
                onFinish={EditGuestFinish}
                footer={
                    <React.UI.Button block type='submit' color='primary' size='large'>
                        提交修改
                    </React.UI.Button>
                }
            >
                <React.UI.Form.Item name="nickname" label="昵称" rules={[{ required: true }]}>
                    <React.UI.Input placeholder="请输入昵称" />
                </React.UI.Form.Item>

                <React.UI.Form.Item name='mobile' label='手机号' rules={[{ required: true }, { pattern: /^1[3456789]\d{9}$/, message: '手机号格式不对' }]}>
                    <React.UI.Input placeholder='请输入手机号' />
                </React.UI.Form.Item>

                <React.UI.Form.Item name="gender" label="性别" rules={[{ required: true }]}>
                    <React.UI.Radio.Group>
                        <React.UI.Space direction='horizontal'>
                            <React.UI.Radio value='0'>女</React.UI.Radio>
                            <React.UI.Radio value='1'>男</React.UI.Radio>
                        </React.UI.Space>
                    </React.UI.Radio.Group>
                </React.UI.Form.Item>

            </React.UI.Form>
        </>
    )
}

export default Edit;